<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>当当网</title>
    <link rel="stylesheet" type="text/css" href="style.css"/>
</head>

<body>
    <div id="container">
        <div id="top">
            <img id="logo" src="image/logo.jpg" alt="当当网"/>

            <div id="nav">
                <div class="nav-item discount">尾品汇</div>
                <div class="nav-item">当当优品</div>
                <div class="nav-item">数字馆</div>
                <div class="nav-item">都看阅器</div>
            </div>
        </div>

        <div id="menu">
            <div class="menu-item">首页</div>
            <div class="menu-item">图书</div>
            <div class="menu-item">音像</div>
            <div class="menu-item">童装</div>
            <div class="menu-item">服装</div>
            <div class="menu-item">鞋靴</div>
            <div class="menu-item">活动</div>
            <div class="menu-item">箱包</div>
            <div class="menu-item">美妆</div>
            <div class="menu-item">珠宝</div>
            <div class="menu-item">家居</div>
            <div class="menu-item">食品</div>
            <div class="menu-item">酒</div>
            <div class="menu-item">手机</div>
            <div class="menu-item">数码</div>
            <div class="menu-item">电脑</div>
            <div class="menu-item">家电</div>
        </div>

        <div id="banner">
            <img src="image/banner.png" alt="广告栏"/>
        </div>

        <div id="body">
            <div class="bang">
                <img src="image/bg_bang.gif" alt="图书畅销榜"/>
            </div>
            <div class="book rank-1">
                <div class="cover"><img src="image/book-01.jpg" alt="偷影子的人"/></div>
                <p class="title">偷影子的人</p>
                <p class="author">作者：[法] 马克·李维〈Marc Levy〉著</p>
                <p class="publisher">出版社：湖南文艺出版社</p>
                <p class="price">当当价：<span class="money">￥17.90</span></p>
                <p class="description">
                    不知道姓氏的克蕾儿。
                    这就是你在我生命里的角色，我童年时的小女孩，今日蜕变成了女人，一段青梅竹马的回忆，一个时间之神没有应允的愿望。
                    一个老是受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能力而强大：他能“偷别人的影子”……
                </p>
            </div>

            <div id="right-container">
                <div class="book rank-2">
                    <div class="cover"><img src="image/book-02.jpg" alt="看见"/></div>
                    <p class="title">看见（央视知名记者、主持人柴静：十年个人成长的青白，中国社会变迁的备忘）</p>
                    <p class="author">作者：柴静 著</p>
                    <p class="publisher">出版社：广西师范大学出版社</p>
                    <p class="price">
                        <span class="money">￥29.40</span>
                        <span class="discount">7.4折</span>
                    </p>
                </div>

                <div class="book rank-3">
                    <div class="cover"><img src="image/book-03.jpg" alt="改变孩子先改变自己"/></div>
                    <p class="title">改变孩子先改变自己</p>
                    <p class="author">作者：贾容韬 贾毅 著</p>
                    <p class="publisher">出版社：作家出版社</p>
                    <p class="price">
                        <span class="money">￥22.20</span>
                        <span class="discount">7.4折</span>
                    </p>
                </div>
            </div>
        </div>

        <div id="foot">
            Copyright &copy; 当当网 2004-2017, All Rights Reserved
            <img class="icon" src="image/validate.gif" alt="工商认证"/>
            京ICP证041189号出版物经营许可证 新出发京批字第直0673号
        </div>
    </div>
</body>
</html>
